/*
 * 	Main Style sheet of Report Card System. *
 */
 
/* Styles for the main Layout */
html{margin:auto; background:#ddd; background:rgba(0,0,0,0.3);}
body{text-align:center; width:100%; margin:0 auto;}

#wrapper-outer{width:700px; height:500px; display:block; background:#95c13c; margin:50px auto; border:20px solid #fcfc09; border-radius:70px 70px;} 
#side-bar{float:left; width:130px; height:430px; border-radius:50px 0 0 50px; }
#header{float:left; display:block; width:700px; height:70px; border-radius:50px 50px 0 0;}
#main-content{float:right; display:block; width:570px; height:420px; margin-top:10px; border-radius:10px 0 50px 0; background:rgba(240,240,240,0.2);}

/* Styles for the visitor home page */
#visitor-outer{margin:20px; width:660px; text-align:center; }
#visitor-title{font-size:30pt; font-weight:bold; display:block;}
#logo-img{margin:10px; display:block;}
#school-name{display:block; font-size:24pt; }

/* Styles for the header */
#header-logo{width:50px; height:50px; float:left; display:block; margin:10px 5px 0 40px;}
#header h1{float:left; }
#header-menu{float:right; margin-right:10px;}
#header a{display:block; float:left; width:80px; margin:10px 5px 0 0; text-decoration:none; color:#fff;}
#header a:hover{background:#eee; background:rgba(250,250,250,0.4); border-radius:10px; color:#000;}
#header a img{width:25px; height:25px; margin:5px 0 0 0; border:none;}
#header a span{display:inline; margin:0 auto;}
#header #user{float:right; display:block; margin:10px 20px -10px 0; font-size:14pt; color:#630;}

/* Styles for the main content */
#content-title{width:570px; height:30px; background:rgba(240,240,240,0.3); border-radius:10px 0 0 0; line-height:30px; padding:3px 0; font-size:16pt;}
#content-data{width:550px; height:370px; padding:10px;}